<!DOCTYPE html>
<html layout:decorate="~{layout}" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">

<head>
    <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>

    <title th:text="#{screen.pm.reset.title}">Reset Password Send Instructions View</title>
    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag"/>
</head>

<body>
<main class="container mt-3 mb-3" role="main">
    <div id="reset" layout:fragment="content">
        <div class="row">
            <div class="col-lg-6 offset-lg-3">
                <div class="mdc-card">
                    <form class="d-block" id="fm1" method="post">
                        <section class="p-4">
                            <h3 th:utext="#{screen.pm.reset.title}">Reset your password</h3>
                            <p th:utext="#{screen.pm.reset.instructions}">Please provide your username. You will
                                receive a notification with follow-up
                                instructions on how to reset your password.</p>
                            <div class="banner banner-danger banner-dismissible mb-4"
                                 th:if="${flowRequestContext.messageContext.hasErrorMessages()}">
                                <p th:each="message : ${flowRequestContext.messageContext.allMessages}"
                                   th:utext="#{${message.text}}">
                                    Message Text
                                </p>
                            </div>

                            <div th:replace="fragments/recaptcha :: recaptchaToken"/>

                            <input name="execution" th:value="${flowExecutionKey}" type="hidden"/>
                            <input name="_eventId" type="hidden" value="findAccount"/>
                            <div class="mdc-text-field  d-flex">
                                <input class="mdc-text-field__input" id="username" name="username" required
                                       size="45" type="text"/>
                                <label class="mdc-floating-label" for="username" th:utext="#{screen.pm.reset.username}">Username</label>
                            </div>
                        </section>
                        <div class="mdc-card__actions p-4">
                            <div th:replace="fragments/submitbutton :: submitButton (messageKey='screen.pm.button.submit')"/>
                            &nbsp;
                            <button accesskey="c"
                                    class="mdc-button mdc-button--outlined mdc-card__action mdc-card__action--button"
                                    name="cancel" onclick="location.href = location.href;"
                                    th:attr="data-processing-text=#{screen.welcome.button.loginwip}"
                                    th:value="#{screen.pm.button.cancel}" type="button"
                                    value="CANCEL">
                                <span class="mdc-button__label" th:text="#{screen.pm.button.cancel}">CANCEL</span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</main>
</body>

</html>
